<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jstl/core">

	<ui:component>
	        <c:if test="#{map == null}">
	        	<c:set var="map" value="0_map.png"/> 
	        </c:if>
			<h:graphicImage url="/resources/images/counties/#{map}" usemap="#counties" width="280px" height="280px" alt="#{messages['label.inmage.alt']}"/>
			<map name="counties">
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',1)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=1',messages[stringUtil.merge('title.zupanija.',1)])}" coords="85,53,100,48,102,40,107,39,112,42,107,47,104,57,111,63,115,60,115,56,124,53,127,50,124,38,136,39,143,43,147,43,147,46,143,49,139,49,137,53,137,55,142,59,138,64,130,59,126,62,122,60,118,65,118,69,113,71,110,66,105,66,99,61,94,62,93,61,93,59"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',2)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=2',messages[stringUtil.merge('title.zupanija.',2)])}" coords="102,38,97,33,97,29,100,26,103,25,109,20,116,25,123,25,125,25,126,34,122,39,113,42,107,37"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',3)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=3',messages[stringUtil.merge('title.zupanija.',3)])}" coords="108,89,106,79,109,76,109,71,113,74,121,70,120,65,123,62,127,64,131,62,137,67,144,60,149,62,155,70,163,75,165,80,169,82,164,90,160,88,159,84,153,91,140,87,131,99,130,103,127,102,122,97,117,92,116,88"/>			    
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',4)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=4',messages[stringUtil.merge('title.zupanija.',4)])}" coords="79,75,87,72,81,56,85,54,91,63,95,66,99,64,105,69,109,69,106,71,107,76,104,78,106,90,102,107,91,108,78,96,70,95,69,84,77,85,79,77"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',5)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=5',messages[stringUtil.merge('title.zupanija.',5)])}" coords="126,24,114,24,111,19,119,15,119,11,129,11,133,16,149,17,149,20,147,23,141,23,135,27,131,30,130,37,125,36,127,32"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',6)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=6',messages[stringUtil.merge('title.zupanija.',6)])}" coords="132,34,137,28,142,24,148,23,151,19,152,17,155,18,163,23,169,28,173,37,169,37,167,43,164,41,155,32,149,34,146,37,146,42,143,42,138,38,135,38"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',7)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=7',messages[stringUtil.merge('title.zupanija.',7)])}" coords="145,50,148,46,149,36,154,33,173,53,176,53,176,57,182,56,180,68,160,67,157,70,150,61,144,58,139,55,141,51"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',8)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=8',messages[stringUtil.merge('title.zupanija.',8)])}" coords="29,70,41,70,49,59,62,72,66,68,76,74,79,75,76,82,74,83,70,81,67,85,68,97,65,98,44,139,37,133,35,125,31,83,32,78"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',9)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=9',messages[stringUtil.merge('title.zupanija.',9)])}" coords="62,101,69,98,78,98,95,112,96,109,103,109,105,117,112,123,115,129,117,135,119,136,119,138,112,137,104,143,105,151,96,151,83,142,80,147,68,138,57,136,62,103"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',10)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=10',messages[stringUtil.merge('title.zupanija.',10)])}" coords="168,44,173,38,180,42,186,41,190,45,191,48,197,49,202,52,206,56,208,61,205,67,202,70,191,68,187,65,182,64,184,55,178,55,178,51,174,51,171,46"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',11)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=11',messages[stringUtil.merge('title.zupanija.',11)])}" coords="159,70,182,70,183,66,185,66,188,68,189,70,201,72,208,77,211,78,211,85,203,84,199,89,195,89,194,85,188,84,179,77,172,77,167,80,164,77,164,74"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',12)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=12',messages[stringUtil.merge('title.zupanija.',12)])}" coords="170,94,166,89,169,86,171,81,174,78,177,80,180,79,188,86,193,87,194,90,196,92,201,90,203,85,210,85,212,87,218,90,223,87,231,89,235,88,231,93,233,98,219,94,215,100,209,93,200,101,191,96,183,96,178,94,173,92,170,94"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',13)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=13',messages[stringUtil.merge('title.zupanija.',13)])}" coords="66,142,82,149,85,145,94,150,99,154,106,153,107,149,108,142,116,140,121,141,124,148,124,155,120,156,120,161,116,161,113,158,105,164,105,171,104,175,99,178,93,180,77,191,47,147"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',14)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=14',messages[stringUtil.merge('title.zupanija.',14)])}" coords="204,74,209,62,207,54,204,52,209,52,212,53,214,51,220,53,224,51,228,55,230,51,234,50,239,41,243,44,246,42,251,52,249,66,255,68,252,69,252,73,247,69,243,75,237,76,235,81,231,83,230,88,222,86,218,89,215,86,211,86,213,83,213,76"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',15)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=15',messages[stringUtil.merge('title.zupanija.',15)])}" coords="95,182,103,180,106,176,108,169,108,165,113,161,119,165,121,162,122,158,126,158,138,172,130,177,134,183,130,186,130,190,120,192,120,195,116,197,116,204,96,205,86,190"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',16)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=16',messages[stringUtil.merge('title.zupanija.',16)])}" coords="248,109,241,96,234,96,233,92,236,89,234,86,231,86,232,84,236,82,238,77,244,75,248,70,253,74,252,78,260,84,274,87,257,92,259,109"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',17)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=17',messages[stringUtil.merge('title.zupanija.',17)])}" coords="118,205,118,200,120,196,125,193,131,192,132,187,136,184,136,181,132,177,135,176,140,174,148,181,168,205,174,205,175,216,185,225,178,230,124,237,116,237"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',18)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=18',messages[stringUtil.merge('title.zupanija.',18)])}" coords="0,70,4,71,16,71,24,68,28,69,30,76,31,90,29,100,26,106,16,119,4,97"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',19)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=19',messages[stringUtil.merge('title.zupanija.',19)])}" coords="203,243,237,274,223,267,152,255,141,243,144,239,163,234,172,234,181,231,180,228,184,227,186,226,195,234"/>
			    <area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',20)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=20',messages[stringUtil.merge('title.zupanija.',20)])}" coords="127,4,132,0,144,5,155,16,134,15,129,10"/>
				<area shape="poly" title="#{messages[stringUtil.merge('title.zupanija.',21)]}" href="#{urlAction.getUrl('/guides/zupanije/zupanija.seam?idZupanije=21',messages[stringUtil.merge('title.zupanija.',21)])}" coords="105,55,110,55,110,53,107,50,108,47,114,43,122,40,124,46,124,50,121,49,113,55,113,60,112,60"/>

			</map>
			
	<script type="text/javascript">
		 jQuery(function() {
			 jQuery('area[title]').qtip({
				   position: {
				      corner: {
				         target: 'bottomMiddle',
				         tooltip: 'topMiddle'
				      }
				   },
				   style: { 
					      name: 'light',
					      border: {
					          width: 1,
					          radius: 2
					       }				      
					   },  				   
				   show: 'mouseover',
				   hide: 'mouseout'
				});							
     	});

	     	     	
	</script>						
	</ui:component>

</html>